<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<title>购物车页面</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
		<script src="js/libs/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div class="page" id="cart-page">
			
			<div class="header">
				<ul class="header-list">
					<li class="header-btn"><</li>
					<li class="header-tit">购物车</li>
					<li class="header-btn">结算</li>
				</ul>
			</div>
			
			<div class="sub-header">
				<p>商品数量：20 &nbsp;	总金额：<em>￥99.00</em></p>
			</div>
			
			<div class="content has-sub-header has-footer">
				<ul class="cart-list">
					<li class="cart-item">
						<a href="###" class="pic"><img src="" alt="" /></a>
						<div class="pro-info">
							<p class="pro-name">商品111衬衫商品111衬衫。针织帽，品111衬衫。针织帽，品111衬衫。针织帽，品111衬衫。针织帽。针织帽</p>
							<p class="price">金额：<em>￥99.99</em></p>
							<div class="num-wrap">
								<span class="num-tit">数量：</span>
								<div class="num-box">
									<span class="num-btn">-</span>
									<input type="text" class="num-val" name="" id="" value="1" />
									<span class="num-btn">+</span>
								</div>
							</div>
						</div>
						<a href="javascript:;" class="delete-btn">x</a>
					</li>
				</ul>
			</div>
			
			<div class="footer">
				<ul class="footer-list">
					<li><a href="###">首页</a></li>
					<li><a href="###">列表</a></li>
					<li><a href="###">购物车</a></li>
					<li><a href="###">我的</a></li>
					<li><a href="###">更多</a></li>
				</ul>
			</div>
			
		</div>
		
	</body>
</html>
